const path = require('path')
module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set("@", path.resolve(__dirname, './src'))
      .set("views", path.resolve(__dirname, './src/views'))

     // svg rule loader
     const svgRule = config.module.rule('svg') // 找到svg-loader
     svgRule.uses.clear() // 清除已有的loader, 如果不这样做会添加在此loader之后
     svgRule.exclude.add(/node_modules/) // 正则匹配排除node_modules目录
     svgRule // 添加svg新的loader处理
       .test(/\.svg$/)
       .use('svg-sprite-loader')
       .loader('svg-sprite-loader')
       .options({
         symbolId: 'icon-[name]',
       })
 
     // 修改images loader 添加svg处理
     const imagesRule = config.module.rule('images')
     imagesRule.exclude.add( path.resolve(__dirname,'./src/assets/svgIcons'))
     config.module
       .rule('images')
       .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
   },

  //  devServer: {
  //    proxy: {
  //      '/api': {
  //        target: 'http://127.0.0.1:3000/',
  //        changeOrigin: true,
  //        pathRewrite: {
  //          '^/api':''
  //        }
  //      },
  //      '/endSms':{
  //       target: 'http://dingxin.market.alicloudapi.com/dx/sendSms',
  //        changeOrigin: true,
  //        pathRewrite: {
  //          '^/endSms':''
  //        }
  //      }
  //    }
  //  }
}
/*
  router 和 store 很少用到，所以不设置别名
  在vue里面 this.$router/this.$store 就可以获取到他们
*/


